 {include file="public/head" /}
 <meta charset="utf-8">
<body>
	<nav class="breadcrumb">
		<span class="breadcrumb-item">代理财务</span> <span
			class="breadcrumb-item">财务列表</span>
	</nav>
	<div id="box" v-cloak>
		<div class="info-title">筛选查询</div>
		<form class="form-inline input-group-sm">
			<label>用户账号</label><input type="text" placeholder="请输入用户账号" name="mobile" v-model="mobile" class="form-control search-input">
			<label>充币时间</label><input name="start_time" type="datetime-local" v-model="start_time" placeholder="请输入用户手机号" class="form-control search-input">
			至<input name="end_time" type="datetime-local" v-model="end_time" placeholder="请输入用户手机号" class="form-control search-input">
			<button class="btn btn-primary btn-sm">查询</button>
		</form>
		<div class="info-title">流水汇总</div>
		<div>
			<span>历史收入：{{all}}</span>
			<span>今日收入：{{day}}</span>
		</div>
		<div class="info-title">财务列表</div>
		<table class="table table-bordered table-sm">
			<tr>
				<th width="50px">#</th>
				<th>币种</th>
				<th>来源用户</th>
				<th>账户类型</th>
				<th>金额</th>
				<th>余额</th>
				<th>描述</th>
				<th>时间</th>
			</tr>
			<template v-if="list.data.length">
				<tr v-for="(item,key) in list.data">
					<td width="50px">{{key + 1}}</td>
					<td>USDT</td>
					<td>{{item.from_info.user_name}}</td>
					<td>
						<span v-if="item.type == 2">保证金</span>
						<span v-else>余额</span>
					</td>
					<td>
						<span v-if="item.price > 0" class="badge badge-success">{{item.price}}</span>
						<span class="badge badge-danger" v-else>{{item.price}}</span>
					</td>
					<td>{{item.yprice}}</td>
					<td>{{item.memo}}</td>
					<td>{{item.create_time}}</td>
				</tr>
			</template>
			<tr v-else>
				<td colspan="9" class="no-table">暂无数据</td>
			</tr>
		</table>
	
		<div class="page-box">
			<div>{$page}</div>
		</div>
	</div>
</body>
<script>
new Vue({
	el:"#box",
	data:{
		list:{$list | json_encode},
		mobile :'{$mobile}',
		start_time : '{$start_time}',
		end_time :'{$end_time}',
		all:"{$all}",
		day:"{$day}"
	},
	mounted:function(){},
	methods:{}
});
</script>
</html>